import {Web} from './app-config'
import Plugin from './plugin'
let grey = ["#232323","#32353F","#636363","#969696","#CCCCCC","DEDEDE","#EFEFEF"]
let red = 	 ["#CC3333", "#CC3366","#EB645E", "#D86161", "#CC6666","#EE8888","#FFCCCC"]
let yellow = ["#EF702F","#FF6633", "#FF9966", "#FEE548","#FFCC99","#FFFF66","#FFFFCC"]
let green = ["#336633", "#339933", "#04B08C", Web.theme,"#99FF66","#99FF99","#99FFCC"]
let blue = ["#306BC4","#225599","#4D88D8","#259FCC","#0099FF","#00CCFF","#00FFFF"]
let purple = ["#9900FF","#9933CC","#993399","#FF66FF", "#FF99FF", "#FF99FF","#FFCCFF"]

let colors = [];
[grey,red,yellow,green,blue,purple].forEach(cs=>{
	cs.forEach(c=>colors.push(c))
})
export const ColorPickerCfg = {
	w:220,
	h:190,
	ss:"#d0d0d0",
	cc:Web.theme,
	colors
}

export const GridCfg = {
	ctxCfg:{
		lineWidth:1,
		fillStyle:Web.theme,
		strokeStyle:"#32353F",
		font:"24px sans-serif",
		imageSmoothingEnabled : true,
		globalAlpha:0.5
	},
	span:Web.ratio*2,
	div:20 
}

export const LineStyle = [{
						title:"实线",
						icon:"icon-solid",
						arg:"[]",
						dtype:"array"
					},{
						title:"点线",
						icon:"icon-line-dotted",
						arg:"[3,3,3]",
						dtype:"array"
					},{
						title:"缓冲线",
						icon:"icon-line-dashed",
						arg:"[10,7,2,7]",
						dtype:"array"
					}]